/* CSS Document */ .w1260{width:12.6rem; margin:0px auto;} @media screen and ( max-width:1024px ){ .w1260{width:100%;} } .page .container{ width:17.6rem;} .ad_top{width: 100%; overflow: hidden; padding:20px 0px; border-bottom:1px solid #eeeeee;} .ad_top img{max-width:100%; width:100%; height:auto; display:inline-block; border-radius:5px;} .ad_top_left{ width:49.4%; margin-right:0.6%; text-align:left; float:left; overflow:hidden;} .ad_top_right{ width:49.4%; margin-left:0.6%; text-align:right; float:left; overflow:hidden;} @media screen and ( max-width:1800px ){ .page .container{width:15.5625rem; } } @media screen and ( max-width:1024px ){ .page .container{width:86.4583%;} } @media screen and ( max-width:768px ){ .ad_top_left{ width:100%;} .ad_top_right{ width:100%;} .ad_top_left{ margin-bottom:20px;} } /*download*/ .download_down{width: 100%; overflow: hidden; padding:40px 0px; border-bottom:1px solid #eeeeee;} .download_down .searchdownload{ width:100%; max-width:380px; margin:0px auto; display:block; overflow:hidden; position:relative;} .searchdownload .d_input{ position:relative; display:inline-block; width:95%; border:1px solid #d6d6d6; height:38px; line-height:38px; padding-left:5%; border-radius:5px; font-size:14px; } .searchdownload .btn{ position: absolute;right: 0;top:0; border: none; width: 100px; padding-left:47px; height: 40px;overflow: hidden; text-align:left; outline: none;color: #fff; background: url(../images/download_search.png) 27px center no-repeat; background-color:#d0141b;background-size: 14px;font-size:14px;border-top-right-radius:5px; border-bottom-right-radius:5px; cursor:pointer; } /*downloadList*/ .downloadList{padding-top:35px;padding-bottom:6px;background-color:#fff;} .downloadList .downloadListul{font-size:0;text-align:left; margin:0 -14px;} .downloadList .downloadListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; margin-bottom:34px;} .downloadList .downloadListul li .item{margin:0 14px; text-align:left;} .downloadList .downloadListul li a {display:block;} .downloadList .downloadListul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px;} .downloadList .downloadListul li .img img{width:100%; height:100%;} .downloadList .downloadListul li .img, .downloadList .downloadListul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .downloadList .downloadListul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} .downloadList .downloadListul li .img{width:100%; height:100%;} .downloadList .downloadListul li .img a{padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;} .downloadList .downloadListul li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;} .downloadList .downloadListul .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} /**/ .downloadList .downloadListul li .tit{position:relative;} .downloadList .downloadListul li .tit a{color:#222222;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;} .downloadList .downloadListul li .tit .t{display:inline-block; text-align:left;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;} .downloadList .downloadListul li a:hover{color:#d0141b;} /**/ .downloadList .downloadListul li .ds{ position:relative;} .downloadList .downloadListul li .ds .see{font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/see.png) left center no-repeat; background-size:14px;} .downloadList .downloadListul li .ds .dz{ font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/download_dz.png) left center no-repeat; background-size:14px; margin-left:15px;} .downloadList .downloadListul li .ds a{ display:inline-block; position:absolute; right:0; top:5px; background-color:#d0141b; font-size:12px; color:#fff; text-decoration:none; line-height:20px; padding:0px 10px; text-align:center; border-radius:10px;} @media screen and ( max-width:1440px ){ .downloadList .downloadListul li{width:25%;} .downloadList .downloadListul li .tit{padding-right:60px;} .downloadList .downloadListul li .tit a{line-height:35px;height:35px;} .downloadList .downloadListul li .tit .t{line-height:35px;height:35px;font-size:16px;} .downloadList .downloadListul li .ds .see{font-size:12px;line-height:35px;padding-left:18px;background-size:14px;} } @media screen and ( max-width:1024px ){ .downloadList .container{ width:94%;} .downloadList .downloadListul li{width:33.333333%;} .downloadList .downloadListul{margin:0 -0.14rem;} .downloadList .downloadListul li{margin-bottom:0.34rem;} .downloadList .downloadListul li .item{margin:0 0.14rem; text-align:left;} .downloadList .downloadListul li .tit{padding-right:0.6rem;} .downloadList .downloadListul li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;} .downloadList .downloadListul li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;} .downloadList .downloadListul li .ds .see {font-size:0.2rem;line-height:0.5833333333333334rem;padding-left:0.3rem;background-size:0.23333333333333334rem;} } @media screen and ( max-width:768px ){ .downloadList .downloadListul li{width:50%;} } /*news*/ .news_nav{background-color:#fbfbfc;} .news_nav ul{ margin:0px; padding:0px; overflow:hidden;} .news_nav ul li{ width:25%; display:inline-block; float:left;} .news_nav ul li a{ display:block; font-size:0.18rem; color:#333333; background-color:#fbfbfc; text-align:center; padding:0.26rem 0; border-right:1px solid #eeeeee; } .news_nav ul li a:hover{ background-color:#ffffff; color:#D0141B;} .news_nav ul li:nth-child(4n) a{ border-right:none;} .news_nav .active{ background-color:#ffffff; color:#D0141B;} @media screen and ( max-width:1024px ){ .news_nav ul li a{font-size:16px;} } @media screen and ( max-width:768px ){ .news_nav ul li a{font-size:14px;} } .news_box{ background-color:#ebedf2; min-height:500px;} .news_box .newsListul{ background-color:#fff; margin-top:20px; border-radius:5px; padding:1rem; padding-bottom:0.6rem; margin-bottom:30px;} .news_box .newsListul li{ margin-bottom:0.4rem;} .news_box .newsListul li:hover{background-color:#fbfbfc;} .news_box .item .img{ width:31.6%; float:left; text-align:center; overflow:hidden; border-radius:10px;} .news_box .item .img img{width:100%; max-width:420px; height:auto; max-height:336px; border-radius:10px; -webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .news_box .item .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} .news_box .item .news_r{ width:55.1%; margin-left:10.6%; overflow:hidden; float:left;} .news_box .item .tit{ margin-top:0.9rem;} .news_box .item .tit a{ font-size:0.2rem; color:#000; line-height:24px;} .news_box .item .tit a:hover{ color:#d0141b;} .news_box .item .ds{ margin-top:0.2rem; font-size:0.15rem; line-height:0.28rem; color:#646464;} .news_box .date{margin-top:0.7rem; font-size:0.14rem; color:#9ea0ae;} .news_box input{ background-color:#fff;} @media screen and ( max-width:1440px ){ .news_box .item .tit{ margin-top:0.45rem;} .news_box .date{margin-top:0.35rem;} } @media screen and ( max-width:1024px ){ .news_box .item .tit{ margin-top:0.2rem;} .news_box .date{margin-top:0.3rem;} .news_box .item .ds{ height:0.55rem; overflow:hidden;} } @media screen and ( max-width:768px ){ .news_box .item .tit{ margin-top:0.2rem;} .news_box .date{margin-top:0.15rem;} .news_box .item .ds{ margin-top:0.15rem; height:0.55rem; overflow:hidden;} } @media screen and ( max-width:680px ){ .news_box .item .img{ width:100%; float:none; text-align:center;} .news_box .item .news_r{ width:100%; float:none; margin-left:0px; overflow:hidden;} } /*blog*/ .blog_nav{background-color:#fbfbfc;} .blog_nav ul{ margin:0px; padding:0px; overflow:hidden;} .blog_nav ul li{ width:50%; display:inline-block; float:left;} .blog_nav ul li a{ display:block; font-size:0.18rem; color:#333333; background-color:#fbfbfc; text-align:center; padding:0.26rem 0; border-right:1px solid #eeeeee; } .blog_nav ul li a:hover{ background-color:#ffffff; color:#D0141B;} .blog_nav ul li:nth-child(2n) a{ border-right:none;} .blog_nav .active{ background-color:#ffffff; color:#D0141B;} @media screen and ( max-width:1024px ){ .blog_nav ul li a{font-size:18px;} } @media screen and ( max-width:768px ){ .blog_nav ul li a{font-size:16px;} } #SelectCon{padding:0.15rem; } #SelectCon .SelectBox{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;} #SelectCon .SelectBox.show{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;} .blog_select{ background-color:#fff;} .SelectBox{text-align:center;} .SelectBox a{ display:inline-block; font-size:0.15rem; color:#7d7e8d; margin:0.05rem 0.2rem; padding:0.1rem 0.15rem; border-radius:0.25rem;} .SelectBox a:hover{color:#fff; background:#D0141B; border-radius:0.25rem;} .SelectBox .on{ color:#fff; background:#D0141B; border-radius:0.25rem;} .blog_down{width: 100%; overflow: hidden; padding:40px 0px; border-bottom:1px solid #eeeeee;} .blog_down .searchblog{ width:100%; max-width:380px; margin:0px auto; display:block; overflow:hidden; position:relative;} .searchblog .d_input{ position:relative; display:inline-block; width:95%; border:1px solid #d6d6d6; height:38px; line-height:38px; padding-left:5%; border-radius:5px; } .searchblog .btn{ position: absolute;right: 0;top:0; border: none; width: 100px; padding-left:47px; height: 40px;overflow: hidden; text-align:left; outline: none;color: #fff; background: url(../images/download_search.png) 27px center no-repeat; background-color:#d0141b;background-size: 14px;font-size:14px;border-top-right-radius:5px; border-bottom-right-radius:5px; cursor:pointer; } .blogList{padding-top:35px;padding-bottom:6px;background-color:#fff; min-height:300px;} .blogList .blogListul{font-size:0;text-align:left; margin:0 -14px;} .blogList .blogListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; margin-bottom:34px;} .blogList .blogListul li .item{margin:0 14px; text-align:left;} .blogList .blogListul li a {display:block;} .blogList .blogListul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px;} .blogList .blogListul li .img img{width:100%; height:100%;} .blogList .blogListul li .img, .blogList .blogListul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .blogList .blogListul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} .blogList .blogListul li .img{width:100%; height:100%;} .blogList .blogListul li .img a{padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;} .blogList .blogListul li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;} .blogList .blogListul .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} /**/ .blogList .blogListul li .tit{position:relative;} .blogList .blogListul li .tit a{color:#222222;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;} .blogList .blogListul li .tit .t{display:inline-block; text-align:left;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;} .blogList .blogListul li a:hover{color:#d0141b;} .blogList .blogListul li .ds{ position:relative;} .blogList .blogListul li .ds .see{font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/see.png) left center no-repeat; background-size:14px;} .blogList .blogListul li .ds .dz{ font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/download_dz.png) left center no-repeat; background-size:14px; margin-left:15px;} .blogList .blogListul li .ds .date{ float:right; font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; } .blogList .blogListul li .ds a{ display:inline-block; position:absolute; right:0; top:5px; background-color:#d0141b; font-size:12px; color:#fff; text-decoration:none; line-height:20px; padding:0px 10px; text-align:center; border-radius:10px;} @media screen and ( max-width:1440px ){ .blogList .blogListul li{width:25%;} .blogList .blogListul li .tit{padding-right:60px;} .blogList .blogListul li .tit a{line-height:35px;height:35px;} .blogList .blogListul li .tit .t{line-height:35px;height:35px;font-size:16px;} .blogList .blogListul li .ds .see{font-size:12px;line-height:35px;padding-left:18px;background-size:14px;} } @media screen and ( max-width:1024px ){ .blogList .container{ width:94%;} .blogList .blogListul li{width:33.333333%;} .blogList .blogListul{margin:0 -0.14rem;} .blogList .blogListul li{margin-bottom:0.34rem;} .blogList .blogListul li .item{margin:0 0.14rem; text-align:left;} .blogList .blogListul li .tit{padding-right:0.6rem;} .blogList .blogListul li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;} .blogList .blogListul li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;} .blogList .blogListul li .ds .see {font-size:0.2rem;line-height:0.5833333333333334rem;padding-left:0.3rem;background-size:0.23333333333333334rem;} } @media screen and ( max-width:768px ){ .blogList .blogListul li{width:50%;} } /*blog2*/ .blog_content{ background-color:#ebedf2; padding:0.4rem 0;} .blog_left{ width:78.9156%; float:left; background-color:#fff; border-radius:10px;} .blog_t{ padding:0.4rem 0.6rem; border-bottom:1px solid #ebedf2; overflow:hidden;} .blog_title{ color:#3b4048; font-size:24px;} .blog_desc{ margin-top:8px; font-size:14px; color:#7d7e8d;} .blog_desc_l{ width:50%; float:left;} .blog_desc_r{ width:50%; float:right;} .blog_desc .share{ float:right; color:#afb2b9; padding-left:20px; background:url(../images/share_icon.png) left center no-repeat; background-size:14px; cursor:pointer;} .blog_desc .dz{float:right; color:#afb2b9; padding-left:20px; background: url(../images/download_dz.png) left center no-repeat; background-size:14px; } .blog_desc .see{float:right; color:#afb2b9; padding-left:20px; background: url(../images/see.png) left center no-repeat; background-size:14px; } .blog_desc em{ float:right; color:#e1e2e4; display:inline-block; margin:0 15px;} .blog_m{ padding:0.4rem 0.6rem; font-size:15px; line-height:30px; color:#646464;} .blog_m img{ max-width:100%; height:auto; margin-bottom:5px;} .blog_d{ padding:0.6rem 0.6rem 0.4rem 0.6rem; overflow:hidden;} .blog_d_l{ width:50%; float:left;} .blog_d_r{ width:50%; float:right;} .blog_tag{ display:inline-block; font-size:14px; line-height:36px; padding-left:50px; padding-right:25px; background: url(../images/tag_icon.png) 18px center no-repeat;background-color:#ebedf2; background-size:18px; border-radius:18px;} .blog_tag a:hover{ color:#D0141B;} .blog_dz{display:inline-block; float:right; font-size:14px; color:#fff; line-height:36px; padding-left:18px; padding-right:45px; background: url(../images/ft_dz_icon.png) no-repeat; background-position: right 18px top 50%;background-color:#000; background-size:18px; border-radius:18px; cursor:pointer;} .blog_dz:hover{ background-color:#D0141B;} .blog_t2 .sj_see{ padding-top:0.3rem; background: url(../images/sj_see.png) center top no-repeat; background-size:0.2rem; } .blog_t2 .sj_sc{ padding-top:0.3rem; background: url(../images/sj_sc_icon.png) center top no-repeat; background-size:0.2rem; } .blog_t2 .sj_dz{ padding-top:0.3rem; background: url(../images/sj_dz_icon.png) center top no-repeat; background-size:0.2rem; } @media screen and ( max-width:1024px ){ .blog_left{ width:100%; float:none; } .blog_right{ display:none; } } @media screen and ( max-width:768px ){ .blog_left{ width:100%; float:none; } .blog_desc_l{ width:100%; float:none;} .blog_desc_r{ width:100%; float:none; margin-top:5px} .blog_desc_r span, .blog_desc_r em{ float:none !important;} .blog_d_l{ width:100%; float:none;} .blog_d_r{ width:100%; float:none;} .blog_dz{ float:none; margin-top:5px;} } /*blog_right*/ .blog_right{ width:19.8795%; float:right;} .blog_r_t{ background-color:#fff; border-radius:10px; margin-bottom:0.3rem;} .blog_t1{padding:0.3rem; border-bottom:1px solid #ebedf2; text-align:center;} .blog_t1 .t_img{ margin:0px auto; text-align:center;width:100px;height:100px;background-repeat: no-repeat;background-image: url(../images/logonopic.png);background-position: center center; background-size: cover;border-radius:50%; overflow:hidden;} .blog_t1 .t_img img{ width:100px; height:100px; border-radius:50px; display:none;} .blog_t1 .t_name{ display:inline-block; font-size:0.18rem; padding-right:0.3rem; background: url(../images/sj_vip.png) right center no-repeat; background-size:0.18rem; margin:0.25rem 0 0.15rem 0;} .blog_t1 .t_add{ font-size:0.12rem; color:#9ea0ae; margin-bottom:0.25rem;} .blog_t1 .t_add em{ padding:0px 5px;} .blog_t1 .t_bd{ text-align:left; font-size:0.14rem; color:#646464; line-height:0.22rem;} .blog_t2{ padding:0.3rem; position:relative; overflow:hidden;} .blog_t2 span{ display:inline-block; width:calc(100%/3); float:left; text-align:center; font-size:0.16rem; color:#000000;} .blog_t2 em{ display:inline-block; position:absolute; width:1px; height:0.3rem; margin-top:8px; background-color:#e7e8ea;} .blog_r_d{ padding:0.3rem; background-color:#fff; border-radius:10px;} .blog_r_tit{ font-size:0.2rem; color:#3b4048; text-align:left; margin-bottom:0.3rem;} .blog_t2_img{width: 100%;overflow: hidden; height: auto; margin: 0 auto; border-radius: 10px; -webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease; text-align:center;} .blog_t2_img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);border-radius:10px;} .blog_t2_img img{ width:100%;height:auto; max-width:260px; max-height:195px; border-radius:10px;} .blog_t2_title{ margin-bottom:0.25rem;} .blog_t2_title a{ display:block; font-size:0.16rem; color:#646464; text-align:center; line-height:0.32rem; text-decoration:none; padding-top:0.15rem; cursor:pointer; } .blog_t2_title a:hover{ color:#D0141B;} /*blogad_index*/ .blogad_index{ padding:0.3rem 0 0 0; background-color:#fff;} .blogad_index .blogadul{font-size:0;text-align:left; margin:0 -14px;} .blogad_index .blogadul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top; width: calc((100% ) / 6); } .blogad_index .blogadul li .item{margin:0 14px; text-align:left;} .blogad_index .blogadul li a {display:block;} .blogad_index .blogadul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px;} .blogad_index .blogadul li .img img{width:100%; height:100%;} .blogad_index .blogadul li .img, .blogad_index .blogadul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .blogad_index .blogadul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} @media screen and ( max-width:1440px ){ /*.blogad_index .blogadul li{width: calc((100% ) / 5);} .blogad_index .blogadul li:nth-child(6n){ display:none;}*/ } @media screen and ( max-width:1024px ){ .blogad_index .container{ width:94%;} .blogad_index .blogadul{margin:0 -0.14rem;} .blogad_index .blogadul li{margin-bottom:0.34rem; width: calc((100% ) / 3);} .blogad_index .blogadul li .item{margin:0 0.14rem; text-align:left;} } /*blogad*/ .blogad{ padding:0.5rem 0; background-color:#fff;} .blogad .blogadul{font-size:0;text-align:left; margin:0 -14px;} .blogad .blogadul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; } .blogad .blogadul li .item{margin:0 14px; text-align:left;} .blogad .blogadul li a {display:block;} .blogad .blogadul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px;} .blogad .blogadul li .img img{width:100%; height:100%;} .blogad .blogadul li .img, .blogad .blogadul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .blogad .blogadul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} @media screen and ( max-width:1440px ){ .blogad .blogadul li{width:25%;} .blogad .blogadul li:nth-child(5n){ display:none;} } @media screen and ( max-width:1024px ){ .blogad .container{ width:94%;} .blogad .blogadul{margin:0 -0.14rem;} .blogad .blogadul li{margin-bottom:0.34rem;} .blogad .blogadul li .item{margin:0 0.14rem; text-align:left;} } @media screen and ( max-width:768px ){ .blogad .blogadul li{width:50%;} } /*blog_f-pageBtn*/ .blog_f-pageBtn{ border-top:1px solid #e5e5e8; padding:0.4rem 0.6rem; overflow:hidden; text-align:center; } .blog_f-pageBtn .w1000{ position:relative; text-align:center; } .blog_f-pageBtn .pageBtn-prev{font-size:14px;color:909090;display:inline-block;padding-left:23px;background:url(../images/arrow-left.png) left center no-repeat;background-size:7px; position: absolute; left:0;top:0;} .blog_f-pageBtn .pageBtn-next{font-size:14px;color:909090;display:inline-block;padding-right:23px;background:url(../images/arrow-right.png) right center no-repeat;background-size:7px;position: absolute; right:0;top:0;} .blog_f-pageBtn .pageBtn-prev:hover,.blog_f-pageBtn .pageBtn-next:hover{color:#d0141b;} .blog_f-pageBtn .pageBtn-back{display:inline-block;font-size:12px;color:#686868;padding:0 21px;border:1px solid #c4c8cf;line-height:28px;border-radius:28px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin:0 auto;} .blog_f-pageBtn .pageBtn-back:hover{border-color:#d0141b;color:#fff; background-color:#d0141b;} @media screen and ( max-width:1220px ){ .blog_f-top .blog_f-tit{font-size:28px;} } @media screen and ( max-width:1024px ){ .blog_f-top .blog_f-tit{font-size:0.3rem;} } @media screen and ( max-width:768px ){ .blog_f-top .blog_f-tit{font-size:0.4rem;} .blog_f-wzBox{ font-size:14px;line-height:26px;} .blog_f-pageBtn{padding-top:30px;padding-bottom:30px;border-top:1px solid #e5e5e8;} .blog_f-pageBtn .pageBtn-prev{font-size:12px;padding-left:23px;} .blog_f-pageBtn .pageBtn-next{font-size:12px;copadding-right:23px;} .blog_f-pageBtn .pageBtn-back{font-size:12px;padding:0 21px;line-height:28px;border-radius:28px;} } /*download2*/ .downlod2_btn{ text-align:center; margin-top:35px;} .downlod2_btn a{display: inline-block; font-size: 14px;color: #fff;padding: 0 80px;line-height: 40px;border-radius: 20px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;margin: 0 auto; background-color:#e01d1b; } /*designer*/ .design_top{border-bottom:1px solid #f1f2f7;} .designer-shuju{text-align:left; margin:0; padding:0;padding-right:420px; position:relative; } .designer-shuju .sj-wz{ padding-left:45px; width:80%;} .designer-shuju .sj-sjs{line-height:normal; padding:0.35rem 0; border-right:1px solid #f1f2f7; padding-right:105px;} .designer-shuju .sj-name{color:#929292; font-size:12px; margin-bottom:5px;} .designer-shuju .sj-name a{ display:block; font-size:22px; color:#3b4048; margin-bottom:5px;} .designer-shuju .sj-name a:hover{color:#d0141b;} .designer-shuju .sj-desc{flex-shrink: 0; font-size:13px; color:#5c5c5c; height:44px; line-height:22px; text-align:left; margin-bottom:10px; overflow:hidden;} .designer-shuju .sj-shu span{font-size:16px;color:#000000; line-height:36px; display:inline-block; padding-right:18px; margin-right:18px; position:relative;} .designer-shuju .sj-shu span:after{ content:''; height:14px; width:1px; background:#e0e0e0; position:absolute;top:12px;right:0;} .designer-shuju .sj-shu span.z:after{ display:none;} .designer-shuju .sj-img{ width:120px; height:120px; border-radius:50%; overflow:hidden;background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;} .designer-shuju .sj-img a{display:block;width:100%; height:100%;} .designer-shuju .sj-img img{ display:none; width:100%; height:100%;} /**/ .designer-shuju .sj-btn{ position:absolute;right:0;top:50%;-webkit-transform: translateY(-50%);-moz-ttransform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .designer-shuju .sj-btn a{margin-left:10px;text-align:center;display:inline-block; border:1px solid #c4c8cf; font-size:14px;color:#7d7e8d; width:90px; line-height:32px;border-radius:32px;} .designer-shuju .sj-btn a span{display:inline-block; padding-right:27px;background: url(../images/case-all2-u2.png) right center no-repeat; background-size: 15px;} .designer-shuju .sj-btn a:hover{border-color:#ededed; color:#222222; background-color:#ededed;} .designer-shuju .sj-btn a.sj-yq{border-color:#d0141b; color:#fff; background-color:#d0141b;} .designer-shuju .sj-btn a.sj-yq span{ background-image:url(../images/case-all2-uh.png);} .designer-shuju .sj-btn a.sj-yq:hover{border-color:#bb0007;background-color:#bb0007;} .designer-shuju .sj-btn a.sj-dz span{ background-image:url(../images/download_dz.png);} .designer-shuju .sj-btn a.active{border-color:#d0141b; color:#fff; background-color:#d0141b;} .designer-shuju .sj-btn .active span{background-image:url(../images/case-all2-u2-active.png);} @media screen and ( max-width:1220px ){ .designer-shuju{padding-right:320px;} .designer-shuju .sj-wz{ padding-left:25px;} .designer-shuju .sj-sjs{ padding-right:25px;} } @media screen and ( max-width:1024px ){ .designer-shuju{padding-right:25px;} .designer-shuju .sj-img{ width:90px; height:90px;} .designer-shuju .sj-sjs{border-right:none; padding-right:25px;} .designer-shuju .sj-shu span{font-size:14px;line-height:36px; padding-right:15px; margin-right:15px;} .designer-shuju .sj-btn{ margin-left:105px; position:static;} } @media screen and ( max-width:640px ){ .designer-shuju{padding-right:0;} .designer-shuju .sj-sjs{ padding-right:0px; padding-bottom:0px;} .designer-shuju .sj-wz{ padding-left:15px;} .designer-shuju .sj-shu span { font-size:12px;} .designer-shuju .sj-desc{ margin-bottom:0px; } .designer-shuju .sj-img{ width:50px; height:50px;} .designer-shuju .sj-btn{position: static;right:0;top:0;-webkit-transform: translateY(0);-moz-ttransform: translateY(0);-o-transform: translateY(0);transform: translateY(0); margin-left:0px; margin-bottom:15px; text-align:center;} .designer-shuju .sj-shu span{font-size:12px;line-height:36px; padding-right:5px; margin-right:5px;} .designer-shuju .sj-shu .z{ padding:0px; margin:0px;} .designer-shuju .sj-btn a{margin-left:0;margin-right:5px; width:auto;font-size:12px;padding:0 14px;line-height:30px;border-radius:30px;} .designer-shuju .sj-btn a span{padding-right:24px;background-size:12px;} } /*designer2*/ .designer2{padding-top:35px;padding-bottom:6px;background-color:#fff;} .designer2 .designer2ul{font-size:0;text-align:left; margin:0 -14px;} .designer2 .designer2ul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; margin-bottom:34px;} .designer2 .designer2ul li .item{margin:0 14px; text-align:left;} .designer2 .designer2ul li a {display:block;} .designer2 .designer2ul li .img{width:100%; overflow:hidden; height:auto;margin:0 auto;border-radius:10px;} .designer2 .designer2ul li .img img{width:100%; height:100%;} .designer2 .designer2ul li .img, .designer2 .designer2ul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .designer2 .designer2ul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} .designer2 .designer2ul li .img{width:100%; height:100%;} .designer2 .designer2ul li .img a{padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;} .designer2 .designer2ul li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;} .designer2 .designer2ul li .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} /**/ /**/ .designer2 .designer2ul li .tit{position:relative;} .designer2 .designer2ul li .tit a{color:#222222;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;} .designer2 .designer2ul li .tit .t{display:inline-block; text-align:left;line-height:35px;height:35px;font-size:16px;display: block;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;} .designer2 .designer2ul li a:hover{color:#d0141b;} /**/ .designer2 .designer2ul li .ds{ position:relative;} .designer2 .designer2ul li .ds .see{font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/see.png) left center no-repeat; background-size:14px;} .designer2 .designer2ul li .ds .dz{ font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/download_dz.png) left center no-repeat; background-size:14px; margin-left:15px;} .designer2 .designer_tit{ margin-top:0.05rem; margin-bottom:0.4rem;} .designer2 .designer_tit span{ font-size:0.2rem; padding-left:30px; color:#3b4048; background: url(../images/designer_zp.png) left center no-repeat; background-size:20px;} @media screen and ( max-width:1440px ){ .designer2 .designer2ul li{width:25%;} .designer2 .designer2ul li .tit{padding-right:60px;} .designer2 .designer2ul li .tit a{line-height:35px;height:35px;} .designer2 .designer2ul li .tit .t{line-height:35px;height:35px;font-size:16px;} .designer2 .designer2ul li .ds .see{font-size:12px;line-height:35px;padding-left:18px;background-size:14px;} } @media screen and ( max-width:1024px ){ .designer2 .container{ width:94%;} .designer2 .designer2ul li{width:33.333333%;} .designer2 .designer2ul{margin:0 -0.14rem;} .designer2 .designer2ul li{margin-bottom:0.34rem;} .designer2 .designer2ul li .item{margin:0 0.14rem; text-align:left;} .designer2 .designer2ul li .tit{padding-right:0.6rem;} .designer2 .designer2ul li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;} .designer2 .designer2ul li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;} .designer2 .designer2ul li .ds .see {font-size:0.2rem;line-height:0.5833333333333334rem;padding-left:0.3rem;background-size:0.23333333333333334rem;} .designer2 .designer_tit span{ font-size:16px;} } @media screen and ( max-width:768px ){ .designer2 .designer2ul li{width:50%;} .designer2 .designer_tit span{ font-size:16px;} } /*proof_ys*/ .proof_ad{ border-bottom:0px;} .proof_ys{ margin-top:0.4rem;} .proof_box{ border-bottom:1px solid #ebedf2; padding-bottom:46px;} .proof_ys_tit{ font-size:0.28rem; text-align:center; color:#000;} .proofysList{padding-top:35px;padding-bottom:6px;background-color:#fff;} .proofysList .proofysListul{font-size:0;text-align:center; margin:0 -14px;} .proofysList .proofysListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:25%; margin-bottom:34px; max-width:330px;} .proofysList .proofysListul li .item{margin:0 17px; text-align:left; border:3px solid #e8e8ef; border-radius:10px; position:relative;} .proofysList .proofysListul li .img{width:54px; padding-top:54px; height:auto; overflow:hidden; height:auto;margin:0 auto; margin-top:50px;} .proofysList .proofysListul li .img img{max-width:100%; width:100%; height:auto;} .proofysList .proofysListul li .proof1a{background:url(../images/proof1a.png) center center no-repeat;} .proofysList .proofysListul li .proof2a{background:url(../images/proof2a.png) center center no-repeat;} .proofysList .proofysListul li .proof3a{background:url(../images/proof3a.png) center center no-repeat;} .proofysList .proofysListul li .proof4a{background:url(../images/proof4a.png) center center no-repeat;} /*.proofysList .proofysListul li:hover .item{ background-color:#d0141b; border-color:#d0141b;} .proofysList .proofysListul li:hover .tit{color:#fff;} .proofysList .proofysListul li:hover .bd{color:#fff;} .proofysList .proofysListul li:hover .ds span{ background-color:#e8e8ef; color:#d0141b;} .proofysList .proofysListul li:hover .proof1a{background:url(../images/proof1b.png) center center no-repeat;} .proofysList .proofysListul li:hover .proof2a{background:url(../images/proof2b.png) center center no-repeat;} .proofysList .proofysListul li:hover .proof3a{background:url(../images/proof3b.png) center center no-repeat;} .proofysList .proofysListul li:hover .proof4a{background:url(../images/proof4b.png) center center no-repeat;} */ .proofysList .proofysListul .active2 .proof2a{background:url(../images/proof2b.png) center center no-repeat;} .proofysList .proofysListul .active2 .item{ background-color:#d0141b; border-color:#d0141b;} .proofysList .proofysListul .active2 .tit{color:#fff;} .proofysList .proofysListul .active2 .bd{color:#fff;} .proofysList .proofysListul .active2 .ds span{ background-color:#e8e8ef; color:#d0141b;} .proofysList .proofysListul .active4 .proof4a{background:url(../images/proof4b.png) center center no-repeat;} .proofysList .proofysListul .active4 .item{ background-color:#d0141b; border-color:#d0141b;} .proofysList .proofysListul .active4 .tit{color:#fff;} .proofysList .proofysListul .active4 .bd{color:#fff;} .proofysList .proofysListul .active4 .ds span{ background-color:#e8e8ef; color:#d0141b;} .proofysList .proofysListul li .tit{ text-align:center; font-size:20px; color:#000; margin-top:30px;} .proofysList .proofysListul li .bd{ font-size:15px; color:#646464; min-height:78px; line-height:26px; text-align:center; margin-top:30px; margin-bottom:45px; padding:0px 20px;} .proofysList .proofysListul li .ds span{ position:absolute; left:0; right:0; margin:auto; width:36px; height:36px; margin-top:-18px; background-color:#e01d1b; font-size:14px; line-height:36px; border-radius:18px; text-align:center;color:#fff; } @media screen and ( max-width:1550px ){ .proofysList .proofysListul li .bd{ min-height:100px; } } @media screen and ( max-width:1440px ){ .proofysList .proofysListul li .tit{ margin-top:15px;} .proofysList .proofysListul li .bd{ min-height:130px; font-size:14px; margin-top:15px; margin-bottom:25px; line-height:26px; padding:0px 10px; } } @media screen and ( max-width:1220px ){ .proof_ys_tit{ font-size:20px;} } @media screen and ( max-width:768px ){ .proofysList .proofysListul li{width:50%; } .proofysList .proofysListul li .bd{ min-height:78px; font-size:14px; margin-bottom:45px; line-height:26px; padding:0px 10px; } } @media screen and ( max-width:500px ){ .proofysList .proofysListul{ margin:0px;} .proofysList .proofysListul li{width:50%; } .proofysList .proofysListul li .item{margin:0 7px;} .proofysList .proofysListul li .img{ margin-top:25px;} .proofysList .proofysListul li .tit{ font-size:16px; } .proofysList .proofysListul li .bd{ min-height:88px; font-size:12px; margin-bottom:25px; line-height:18px; padding:0px 10px; } } /*proof_lc*/ .proof_lc{ background: url(../images/proof_lcbg.jpg) center bottom no-repeat; overflow:hidden;} .proof_lcbox{ margin-top:0.7rem; margin-bottom:0.7rem; padding:0 0.25rem;} .proof_lc_tit{ font-size:0.28rem; text-align:center; color:#000;} .proof_lc_tit span{ display:block; margin:0 auto; margin-top:15px; font-size:14px; text-align:center;} .prooflcList{ margin-top:0.7rem;} .prooflcList .prooflcListul{font-size:0;text-align:center; margin-right:-50px; } .prooflcList .prooflcListul li{display:inline-block; width:25%; margin-bottom:0.25rem; max-width:330px; } .prooflcList .prooflcListul .item{ border-left:5px solid #e01d1b; padding-left:1.15rem; text-align:left; line-height:88px; font-size:17px; color:#3b4048; margin-right:50px; border-top-right-radius:5px; border-bottom-right-radius:5px; } .prooflcList .prooflcListul li:nth-child(4n){ margin-right:0px;} .prooflcList .prooflcListul li em{ font-style:italic; font-size:16px; color:#646464;} .prooflcList .prooflcListul li{ background: url(../images/proof_line.jpg) no-repeat; background-position: right 10px top 50%; } .prooflcList .prooflcListul li:nth-child(4n){background:none;} .prooflcList .prooflcListul .lc1 .item{background: url(../images/1c_1.png) 0.5rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} .prooflcList .prooflcListul .lc2 .item{background: url(../images/lc_2.png) 0.5rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} .prooflcList .prooflcListul .lc3 .item{background: url(../images/lc_3.png) 0.5rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} .prooflcList .prooflcListul .lc4 .item{background: url(../images/lc_4.png) 0.5rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} @media screen and ( max-width:1280px ){ .prooflcList .prooflcListul .item{ padding-left:0.85rem; font-size:15px; } .prooflcList .prooflcListul .lc1 .item{background: url(../images/1c_1.png) 0.25rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} .prooflcList .prooflcListul .lc2 .item{background: url(../images/lc_2.png) 0.25rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} .prooflcList .prooflcListul .lc3 .item{background: url(../images/lc_3.png) 0.25rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} .prooflcList .prooflcListul .lc4 .item{background: url(../images/lc_4.png) 0.25rem center no-repeat; background-size:0.4rem; background-color:#f3f3f8;} } @media screen and ( max-width:1220px ){ .proof_lc_tit{ font-size:20px;} } @media screen and ( max-width:768px ){ .prooflcList .prooflcListul li:nth-child(2n){background:none;} .prooflcList .prooflcListul li{display:inline-block; width:50%; } .prooflcList .prooflcListul .item{ font-size:14px; } } /*proof_form*/ .proof_form{padding:80px 0px 50px 0px; background: url(../images/proof_formbg.jpg) center center no-repeat; background-color:#eceef3;} .proof_form_tit{ font-size:0.28rem; text-align:center; color:#646464;} .proof_form_tit span{ display:block; margin:0 auto; margin-top:15px; font-size:14px; text-align:center;} .proof_form .formbox{ width:860px; margin:0 auto; margin-top:0.5rem;} .proof_form input{ width:395px; float:left; display:block; margin:5px; padding-left:25px;font-size:14px; height:55px; line-height:55px; background-color:#fff;border-radius:5px; color:#333333 !important; } .proof_form input::-moz-input-placeholder{ -webkit-text-fill-color:#333333 !important;} .proof_form input::-ms-input-placeholder{ -webkit-text-fill-color: #333333 !important;} .proof_form input::-webkit-input-placeholder{ -webkit-text-fill-color: #333333 !important;} .proof_form select{ width:850px; display:block; margin:5px; padding-left:25px;font-size:14px; height:55px; line-height:55px; background-color:#fff; border:0px; border-radius:5px; color:#333333; } .proof_form .form_line{ color:#000; overflow:hidden;} .proof_form .submit{ display:block; float:none !important; width:190px; height:40px; line-height:40px; font-size:14px; color:#fff !important; text-align:center; margin:0 auto; margin-top:0.35rem; padding-left:0px; cursor:pointer; border-radius:20px; background-color:#e01d1b;} .proof_form .submit:hover{background-color: #bb0007;} .contentbz input{ width:825px;} @media screen and ( max-width:1220px ){ .proof_form_tit{ font-size:20px;} } @media screen and ( max-width:1024px ){ .proof_form_tit{ font-size:20px;} } @media screen and ( max-width:860px ){ .proof_form .formbox{ width:94%;} .proof_form input{ width:395px;float:none !important; margin:0 auto; margin-top:10px;} .proof_form select{ width:420px !important; margin:0 auto; margin-top:10px; } } @media screen and ( max-width:480px ){ .proof_form input{ width:255px;float:none !important; margin:0 auto; margin-top:10px;} .proof_form select{ width:280px !important; margin:0 auto; margin-top:10px; } .proof_form .submit{width:120px;} } /*proof_wlkd*/ .proof_kd{ padding:1.2rem 0;background: url(../images/proof_kdbg.jpg) center center no-repeat; background-color:#feffff;} .proof_kd_tit{ font-size:28px; text-align:center; color:#000;} .proof_kd_tit span{ display:block; margin:0 auto; margin-top:15px; font-size:14px; text-align:center;} .proof_kd .btn a{display:block; width:190px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; margin:0 auto; margin-top:0.5rem; padding-left:0px; cursor:pointer; border-radius:20px; background-color:#e01d1b;} .proof_kd .btn a:hover{border-color: #bb0007;background-color: #bb0007;} @media screen and ( max-width:480px ){ .proof_kd .btn a{width:120px; } } /*copyright_bq*/ .copyright_box{ margin-top:0.4rem;} .copyright_box{ border-bottom:1px solid #ebedf2; padding-bottom:20px;} .copyright_bq_tit{ font-size:0.28rem; text-align:center; color:#000;} .copyright_bq_tit span{ display:block; margin:0 auto; margin-top:15px; font-size:14px; text-align:center; color:#646464;} .copyright_bqList{padding-top:25px;padding-bottom:6px;background-color:#fff;} .copyright_bqList .copyright_bqListul{font-size:0;text-align:center; margin:0 -14px;} .copyright_bqList .copyright_bqListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; margin-bottom:34px; max-width:330px;} .copyright_bqList .copyright_bqListul li .item{margin:0 17px; text-align:left; border-radius:10px; position:relative;} .copyright_bqList .copyright_bqListul li .img{width:68px; height:auto; overflow:hidden;margin:0 auto; margin-top:50px;} .copyright_bqList .copyright_bqListul li .img img{max-width:100%; width:100%; height:auto;} .copyright_bqListul li, .copyright_bqListul li .img img, .copyright_bqListul li .img{-webkit-transition:All 0.9s ease;-moz-transition:All 0.9s ease;-o-transition:All 0.9s ease;transition:All 0.9s ease;} .copyright_bqListul li:hover .img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);} .copyright_bqList .copyright_bqListul li .tit{ text-align:center; font-size:0.2rem; color:#000; margin-top:30px;} .copyright_bqList .copyright_bqListul li .bd{ font-size:0.15rem; color:#646464; line-height:26px; text-align:center; margin-top:30px; padding:0px 20px;} @media screen and ( max-width:1220px ){ .copyright_bq_tit{ font-size:20px;} } @media screen and ( max-width:1024px ){ .copyright_bqList .copyright_bqListul li{width:33.333333%;} .copyright_bqList .copyright_bqListul li .tit{font-size:18px;} .copyright_bqList .copyright_bqListul li .bd{font-size:14px;} .copyright_bq_tit{ font-size:20px;} } @media screen and ( max-width:640px ){ .copyright_bqList .copyright_bqListul{font-size:0;text-align:center; margin:0 -7px;} .copyright_bqList .copyright_bqListul li{width:50%; margin-bottom:24px; max-width:330px;} .copyright_bqList .copyright_bqListul li .item{margin:0 7px;} .copyright_bqList .copyright_bqListul li .img{width:38px; padding-top:38px; margin-top:25px; } .copyright_bqList .copyright_bqListul li .tit{font-size:16px; margin-top:10px;} .copyright_bqList .copyright_bqListul li .bd{min-height:inherit; margin-top:10px; padding:0px 5px;} } /*designlist*/ .designlist_nav{background-color:#fbfbfc;} .designlist_nav ul{ margin:0px; padding:0px; overflow:hidden;} .designlist_nav ul li{ width:50%; display:inline-block; float:left;} .designlist_nav ul li a{ display:block; font-size:0.18rem; color:#333333; background-color:#fbfbfc; text-align:center; padding:0.26rem 0; border-right:1px solid #eeeeee; } .designlist_nav ul li a:hover{ background-color:#ffffff; color:#D0141B;} .designlist_nav ul li:nth-child(2n) a{ border-right:none;} .designlist_nav .active{ background-color:#ffffff; color:#D0141B;} #SelectCon{padding:0.15rem; } #SelectCon .SelectBox{ display:none;} #SelectCon .SelectBox.show{ display:block;} .design_select{ background-color:#fff;} .SelectBox{text-align:center;} .SelectBox a{ display:inline-block; font-size:0.15rem; color:#7d7e8d; margin:0.05rem 0.2rem; padding:0.1rem 0.15rem; border-radius:0.25rem;} .SelectBox a:hover{color:#fff; background-color:#D0141B; border-radius:0.25rem;} .SelectBox .on{ color:#fff; background-color:#D0141B; border-radius:0.25rem;} .case_nav a{ font-size:0.18rem; margin:0.05rem 0.4rem; padding:0.1rem 0.15rem 0.1rem 38px; } @media screen and ( max-width:1024px ){ .designlist_nav ul li a{font-size:16px;} .SelectBox a{ font-size:14px;} .SelectBox a{ font-size:14px;} .case_nav a{font-size:16px;padding-left:38px;} } .SelectBox .a0{background: url(../images/case_nav0.png) 15px center no-repeat; background-size:15px; } .SelectBox .a1{background: url(../images/case_nav1.png) 15px center no-repeat; background-size:15px; } .SelectBox .a2{background: url(../images/case_nav2.png) 15px center no-repeat; background-size:15px;} .SelectBox .a3{background: url(../images/case_nav3.png) 15px center no-repeat; background-size:15px;} .SelectBox .a4{background: url(../images/case_nav4.png) 15px center no-repeat; background-size:15px;} .SelectBox .a5{background: url(../images/case_nav5.png) 15px center no-repeat; background-size:15px;} .SelectBox .a6{background: url(../images/case_nav6.png) 15px center no-repeat; background-size:15px;} .SelectBox .a7{background: url(../images/case_nav7.png) 15px center no-repeat; background-size:15px;} .SelectBox .a8{background: url(../images/case_nav8.png) 15px center no-repeat; background-size:15px;} .SelectBox .a9{background: url(../images/case_nav9.png) 15px center no-repeat; background-size:15px;} .SelectBox .a10{background: url(../images/case_nav10.png) 15px center no-repeat; background-size:15px;} .SelectBox .a11{background: url(../images/case_nav11.png) 15px center no-repeat; background-size:15px;} .SelectBox .a12{background: url(../images/case_nav12.png) 15px center no-repeat; background-size:15px;} .SelectBox .a13{background: url(../images/case_nav13.png) 15px center no-repeat; background-size:15px;} .SelectBox .a14{background: url(../images/case_nav14.png) 15px center no-repeat; background-size:15px;} .SelectBox .a15{background: url(../images/case_nav15.png) 15px center no-repeat; background-size:15px;} .SelectBox .a16{background: url(../images/case_nav16.png) 15px center no-repeat; background-size:15px;} .SelectBox .a17{background: url(../images/case_nav17.png) 15px center no-repeat; background-size:15px;} .SelectBox .a18{background: url(../images/case_nav18.png) 15px center no-repeat; background-size:15px;} .SelectBox .a19{background: url(../images/case_nav19.png) 15px center no-repeat; background-size:15px;} .SelectBox .a20{background: url(../images/case_nav20.png) 15px center no-repeat; background-size:15px;} .SelectBox .a21{background: url(../images/case_nav21.png) 15px center no-repeat; background-size:15px;} .SelectBox .a22{background: url(../images/case_nav22.png) 15px center no-repeat; background-size:15px;} .SelectBox .a23{background: url(../images/case_nav23.png) 15px center no-repeat; background-size:15px;} .SelectBox .a24{background: url(../images/case_nav24.png) 15px center no-repeat; background-size:15px;} .SelectBox .a0:hover{background: url(../images/case_nav0b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a1:hover{background: url(../images/case_nav1b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a2:hover{background: url(../images/case_nav2b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a3:hover{background: url(../images/case_nav3b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a4:hover{background: url(../images/case_nav4b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a5:hover{background: url(../images/case_nav5b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a6:hover{background: url(../images/case_nav6b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a7:hover{background: url(../images/case_nav7b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a8:hover{background: url(../images/case_nav8b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a9:hover{background: url(../images/case_nav9b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a10:hover{background: url(../images/case_nav10b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a11:hover{background: url(../images/case_nav11b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a12:hover{background: url(../images/case_nav12b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a13:hover{background: url(../images/case_nav13b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a14:hover{background: url(../images/case_nav14b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a15:hover{background: url(../images/case_nav15b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a16:hover{background: url(../images/case_nav16b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a17:hover{background: url(../images/case_nav17b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a18:hover{background: url(../images/case_nav18b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a19:hover{background: url(../images/case_nav19b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a20:hover{background: url(../images/case_nav20b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a21:hover{background: url(../images/case_nav21b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a22:hover{background: url(../images/case_nav22b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a23:hover{background: url(../images/case_nav23b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a24:hover{background: url(../images/case_nav24b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a0.on{background: url(../images/case_nav0b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a1.on{background: url(../images/case_nav1b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a2.on{background: url(../images/case_nav2b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a3.on{background: url(../images/case_nav3b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a4.on{background: url(../images/case_nav4b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a5.on{background: url(../images/case_nav5b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a6.on{background: url(../images/case_nav6b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a7.on{background: url(../images/case_nav7b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a8.on{background: url(../images/case_nav8b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a9.on{background: url(../images/case_nav9b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a10.on{background: url(../images/case_nav10b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a11.on{background: url(../images/case_nav11b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a12.on{background: url(../images/case_nav12b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a13.on{background: url(../images/case_nav13b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a14.on{background: url(../images/case_nav14b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a15.on{background: url(../images/case_nav15b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a16.on{background: url(../images/case_nav16b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a17.on{background: url(../images/case_nav17b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a18.on{background: url(../images/case_nav18b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a19.on{background: url(../images/case_nav19b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a20.on{background: url(../images/case_nav20b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a21.on{background: url(../images/case_nav21b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a22.on{background: url(../images/case_nav22b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a23.on{background: url(../images/case_nav23b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .SelectBox .a24.on{background: url(../images/case_nav24b.png) 15px center no-repeat; background-size:15px; background-color:#D0141B;} .designerList{padding-top:20px;padding-bottom:6px;background-color:#ebedf2; min-height:300px;} .designerList .designerListul{font-size:0;text-align:center; margin:0 -10px;} .designerList .designerListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:25%; margin-bottom:20px; } .designerList .designerListul li .item{margin:0 10px; padding:30px 0px; text-align:center; background-color:#fff; border-radius:10px;} .designerList .designerListul li a {display:block;} .designerList .designerListul li .img{ width:80px; height:80px; overflow:hidden;margin:0 auto;border-radius:50%;background-image: url(../images/logonopic.png);background-repeat:no-repeat; background-position:center center;background-size:cover;} .designerList .designerListul li .img img{width:100%; height:100%; width:80px; height:80px; display:none;} .designerList .designerListul li .img, .designerList .designerListul li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .designerList .designerListul li .img:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} .designerList .designerListul li .tit{color:#3b4048; font-size:14px; text-decoration:none; display:block; line-height:28px; height:28px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden; text-align:center; margin-top:15px;} .designerList .designerListul li .add {text-align:center;line-height:28px;height:28px; font-size:14px; color:#3b4048;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .designerList .designerListul li .ds{ position:relative; text-align:center;} .designerList .designerListul li .ds .see{font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/see.png) left center no-repeat; background-size:14px;} .designerList .designerListul li .ds .dz{ font-size:12px;color:#b4b5bd;line-height:35px; display:inline-block; padding-left:18px;background: url(../images/download_dz.png) left center no-repeat; background-size:14px; margin-left:15px;} .designerList .designerListul li .btn{ margin-top:15px;} .designerList .designerListul li .btn a{ display:inline-block; width:96px; height:34px; line-height:34px; font-size:14px; color:#3b4048; text-decoration:none; text-align:center; border-radius:17px; background-color:#ebedf2; margin:0px 3px;} .designerList .designerListul li .btn .sj-yq{ background-color:#d0141b; color:#fff;} .designerList .designerListul li .btn .sj-yq:hover{background-color: #bb0007;} .designerList .designerListul li .btn a:hover{background-color:#d0141b; color:#fff;} .designerList .tcdPageCode .shuru{ background-color:#fff;} @media screen and ( max-width:1440px ){ .designerList .designerListul li{width:25%;} .designerList .designerListul li .ds .see{font-size:12px;line-height:35px;padding-left:18px;background-size:14px;} } @media screen and ( max-width:1024px ){ .designerList .container{ width:94%;} .designerList .designerListul li{width:33.333333%; max-width:400px;} .designerList .designerListul{margin:0 -0.14rem;} .designerList .designerListul li{margin-bottom:0.34rem;} .designerList .designerListul li .item{margin:0 0.14rem; text-align:center;} .designerList .designerListul li .ds .see {font-size:0.2rem;line-height:0.5833333333333334rem;padding-left:0.3rem;background-size:0.23333333333333334rem;} } @media screen and ( max-width:768px ){ .designerList .designerListul li{width:50%;} } @media screen and ( max-width:468px ){ .designerList .designerListul li{width:100%;} } /*caseList_cg*/ .caseList_cg{padding-top:50px;padding-bottom:30px; overflow:hidden;} .caseList_cg .indextit{ text-align:center; font-size:0.28rem; color:#3b4048;} .caseList_cg .caseList_cgul{font-size:0;text-align:left; margin:0 -10px; padding-bottom:40px;} .caseList_cg .caseList_cgul .li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:25%;float:left;} .caseList_cg .caseList_cgul .li .item{margin:0 10px; text-align:left;} .caseList_cg .caseList_cgul .li a {display:inline-block;} .caseList_cg .caseList_cgul .li .img{width:100%; overflow:hidden;border-radius:10px; height:auto;margin:0 auto; margin-bottom:6px;} .caseList_cg .caseList_cgul .li .img a{display:block;width:100%;height:100%;overflow:hidden;border-radius:10px;} .caseList_cg .caseList_cgul .li .img img{display:block;width:100%;height:100%;overflow:hidden;} .caseList_cg .caseList_cgul .li .img, .caseList_cg .caseList_cgul .li .img a, .caseList_cg .caseList_cgul .li .img img{-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;transition:All 0.3s ease;} .caseList_cg .caseList_cgul .li .img a:hover img{transform:scale(1.04);-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04)} .caseList_cg .caseList_cgul .li .img{width:100%; height:100%;} .caseList_cg .caseList_cgul .li .img a{padding-bottom:75.75757575757576%; position:relative;height:auto;overflow:hidden;} .caseList_cg .caseList_cgul .li .img img{display:block;position:absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding:0;height:100%;max-width:none; width:auto;} .caseList_cg .caseList_cgul .li .item:hover .img img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%); -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);} /**/ /**/ .caseList_cg .caseList_cgul .li .tit{ position:relative;} .caseList_cg .caseList_cgul .li .tit a{color:#646464;text-decoration:none; display:block;line-height:35px;height:35px;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden; text-align:center;} .caseList_cg .caseList_cgul .li .tit .t{display:block; text-align:center;line-height:35px;height:35px;font-size:16px;font-weight: 500;cursor: pointer;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;} .caseList_cg .caseList_cgul .li .price{ display:block; text-align:center;line-height:28px;height:28px;font-size:20px; color:#b4b5bd;} .caseList_cg .caseList_cgul .li a:hover{color:#d0141b;} /*caseList_cgBtn*/ .caseList_cg .swiper-button-next,.caseList_cg .swiper-button-prev{position:absolute;top:0;width:70px;height:100%;margin-top:0;z-index:10;cursor:pointer;-webkit-background-size:cover;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)} .caseList_cg .swiper-button-prev{background-image:url(../images/page-left.png);left:0px;right:auto} .caseList_cg .swiper-button-next{background-image:url(../images/page-right.png);right:0px;left:auto;} .caseList .case_pt{ position:relative !important;} .caseList .case_pt .sj-yq{position:absolute; right:0; margin:0px; width:50px; text-align:center !important; height:20px; line-height:20px !important; border-radius:10px; color:#fff; font-size:12px !important; background-color:#D0141B;} .caseList .case_pt .sj-yq:hover{color:#fff; background-color: #bb0007;} .caseList_cg .swiper-pagination { bottom:0; } .caseList_cg .swiper-pagination-bullet-active{ background-color:#000 !important;} .caseList_title{ background-color:#fff; font-size:0.28rem; color:#3b4048; text-align:center; padding:0.2rem 0px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;} @media screen and ( max-width:1440px ){ /*.caseList_cg .caseList_cgul .li .tit{padding-right:60px;}*/ .caseList_cg .caseList_cgul .li .tit a{line-height:35px;height:35px;} .caseList_cg .caseList_cgul .li .tit .t{line-height:35px;height:35px;font-size:16px;} } @media screen and ( max-width:1220px ){ .caseList_cg .caseList_cgul .li{width:20%;} } @media screen and ( max-width:1024px ){ .caseList_cg .container{ width:94%;} .caseList_cg .caseList_cgul .li{width:25%;} .caseList_cg .caseList_cgul{margin:0 -0.14rem;} .caseList_cg .caseList_cgul .li{margin-bottom:0.34rem;} .caseList_cg .caseList_cgul .li .item{margin:0 0.14rem; text-align:left;} /*.caseList_cg .caseList_cgul .li .tit{padding-right:0.6rem;}*/ .caseList_cg .caseList_cgul .li .tit a {line-height:0.5833333333333334rem;height:0.5833333333333334rem;} .caseList_cg .caseList_cgul .li .tit .t {line-height:0.5833333333333334rem;height:0.5833333333333334rem;font-size:0.26666666666666666rem;} .caseList_cg .caseList_cgul .li .price{font-size:0.28rem;} .caseList_cg .indextit{font-size:0.4rem;} .caseList_title{font-size:0.4rem;} } @media screen and ( max-width:768px ){ .caseList_cg .caseList_cgul .li{width:33.3333333%;} .caseList_cg .indextit{font-size:0.36rem;} .caseList_title{font-size:0.36rem;} .caseList_cg .caseList_cgul .li .price{font-size:0.26rem;} } @media screen and ( max-width:640px ){ .caseList_cg .caseList_cgul .li{width:50%;} .caseList_cg .indextit{font-size:18px;} .caseList_title{font-size:18px;} .caseList_cg .caseList_cgul .li .price{font-size:16px;} } /*hzzx_box 合作须知弹出*/ .hzxz_box{position: fixed;left:0;right:0;bottom:0; margin:auto auto;z-index:1000; width:730px; background-color:#fff; border-radius:5px; top:0;overflow-y:scroll;height:100%;} .hzxz_box .hzxzBig{ width:100%;} .hzxz_tit .hzxz_name{ display:inline-block; font-size:16px; height:50px; line-height:50px; width:180px; text-align:center; border-top-right-radius:25px;border-bottom-right-radius:25px; background-color:#d0141b; color:#fff; border-top-left-radius:5px; } .hzxz_tit .hzxz_close{ display:inline-block; float:right; padding:17px; height:16px; width:16px; cursor:pointer;} .hzxz_tit .hzxz_close img{ max-width:100%; width:100%; height:auto;} .hzxz_tbd{ border-bottom:1px solid #e7e7e7; overflow:hidden; margin-top:35px; padding-bottom:15px; margin-bottom:25px;} .hzxz_tbd ul{ width:76.712328%; margin:0px auto; text-align:center;} .hzxz_tbd ul li{ width:33.33333%; text-align:center; float:left; margin-bottom:25px; font-size:15px; color:#000;} .hzxz_tbd ul li img{ display:block; width:30px; height:30px; margin:0px auto; margin-bottom:15px;} .hzxz_m{width:76.712328%; text-align:center;border-bottom:1px solid #e7e7e7; margin:0 auto; padding-bottom:25px; } .hzxz_m img{ max-width:100%; width:100%; height:auto;} .hzxz_d{width:76.712328%; margin:0px auto; margin-top:35px; padding-bottom:40px;position:relative;} .hzxz_dbd{ font-size:14px; color:#3b4048; line-height:24px;} .hzxz_d a{ position:absolute; display:inline-block; font-size:14px; height:35px; width:100px; text-align:center; border-radius:17px; background-color:#3b4048; line-height:35px; color:#fff; margin-top:-17px; right:0;} .xz_full_screen{background:rgba(0,0,0,0.9);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:98;display:none;} .hzxz_box{} @media screen and ( max-width:768px ){ .hzxz_box{ /*width:560px;*/ width:90%; max-width:560px;} .hzxz_tit .hzxz_name{ font-size:16px; height:40px; line-height:40px; width:120px; border-top-right-radius:20px;border-bottom-right-radius:20px; } .hzxz_d a{ position:inherit; display:block; margin:0px auto; margin-top:20px;} } @media screen and ( max-width:560px ){ .hzxz_box{/* width:420px;*/ } .hzxz_tit .hzxz_name{ font-size:14px; height:32px; line-height:32px; width:120px; border-top-right-radius:16px;border-bottom-right-radius:16px; } .hzxz_tit .hzxz_close{ padding:14px; height:14px; width:14px; } .hzxz_tbd ul li{ width:50%;font-size:14px;} .hzxz_d a{ position:inherit; display:block; margin:0px auto; margin-top:20px;} } @media screen and ( max-width:420px ){ /*.hzxz_box{ width:320px;}*/ .hzxz_tbd ul li{ width:50%; } .hzxz_d a{ position:inherit; display:block; margin:0px auto; margin-top:20px;} } /*onedesgin 第一步*/ .onedesign{ background-color:#fff; margin-top:40px; margin-bottom:40px; border-radius:5px;} .one_tit{ height:80px; font-size:24px; line-height:80px; text-align:center; color:#fff; background-color:#d0141b; border-top-left-radius:5px; border-top-right-radius:5px; } .oneList{ width:89.8%; margin:0px auto;margin-top:130px; text-align:center;} .oneList .oneListul{font-size:0;text-align:left; margin:0 -10px;} .oneList .oneListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:20%; margin-bottom:30px; cursor:pointer;} .oneList .oneListul li .item{ margin:0 10px; background-color:#ebedf2; border-radius:5px; overflow:hidden; } .oneList .oneListul li .item:hover{background-color:#d0141b;} .oneList .oneListul li .item:hover .tc{ color:#fff;} .oneList .oneListul li .item:hover .tit{ color:#fff;} .oneList .oneListul li .item:hover .price{ color:#fff;} .oneList .oneListul li .item:hover .xztc a{ background-color:#fff; color:#D0141B;} .oneList .oneListul .item{-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;transition:All 0.2s ease;} /*.oneList .oneListul li:hover .item{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}*/ .oneList .oneListul .active .item{background-color:#d0141b;} .oneList .oneListul .active .item .tc{ color:#fff;} .oneList .oneListul .active .item .tit{ color:#fff;} .oneList .oneListul .active .item .price{ color:#fff;} .oneList .oneListul .active .item .xztc a{ background-color:#fff; color:#D0141B;} .oneList .oneListul li .item .tc{ height:60px; font-size:60px; line-height:60px; color:#000; text-align:center; padding-top:25px; } .oneList .oneListul li .item .tit{ font-size:14px; color:#3b4048; text-align:center; padding-top:5px; padding-bottom:20px;} .oneList .oneListul li .item .price{ font-size:16px; color:#3b4048; text-align:center; border-top:1px solid #d9dbe1; max-width:235px; margin:0px auto; line-height:50px;} .oneList .oneListul li .item .price em{ display:inline-block; color:#c8cad0; padding:0px 10px;} .oneList .oneListul li .item .xztc a{ display:block; font-size:14px; margin:0px auto; margin-bottom:20px; width:60px; height:30px; color:#fff; line-height:30px; text-align:center; background-color:#CF141B; border-radius:15px;} .oneList .onebtn{ margin-top:130px; margin-bottom:100px;} .oneList .onebtn a{ display:inline-block; width:250px; font-size:20px; height:50px; line-height:50px; border-radius:25px; text-align:center; margin:0px 8px; background-color:#ecedf2; color:#3b4048; cursor:pointer;} .oneList .onebtn a:hover{ background-color:#d0141b; color:#fff;} .oneList .onebtn .next{background-color:#d0141b; color:#fff;} .oneList .onebtn .next:hover{ background-color:#bb0007;} @media screen and ( max-width:1280px ){ .oneList{ width:89.8%;margin-top:80px; padding-bottom:30px;} .oneList .oneListul li{width:33.3333%;} .oneList .onebtn{ margin-top:50px; margin-bottom:80px;} } @media screen and ( max-width:768px ){ .oneList .oneListul li{width:50%;} .oneList .onebtn{ margin-top:50px; margin-bottom:80px;} .oneList .onebtn a{width:150px; font-size:20px; height:50px; line-height:50px; border-radius:25px;} } @media screen and ( max-width:468px ){ .oneList{margin-top:30px;} .one_tit{font-size:18px; height:60px; line-height:60px; } .oneList .oneListul li{text-align:center;} .oneList .oneListul li .item{ max-width:300px; margin:0px auto;} .oneList .oneListul li{width:100%;} .oneList .onebtn{ margin-top:0px; margin-bottom:30px;} .oneList .onebtn a{width:100px; font-size:16px; height:40px; line-height:40px; border-radius:20px;} } /*Login 登录*/ .mh_loginbox{ position:fixed; width:430px; height:auto; top:50%; left:50%; z-index:100; margin-top:-180px; margin-left:-215px; background:#fff; border-radius:10px; display:none; } .mh_loginbox2{ position:fixed; width:430px; height:auto; top:50%; left:50%; z-index:100; margin-top:-180px; margin-left:-215px; background:#fff; border-radius:10px; display:none; } .mh_login_top{ background-color:#d0141b; height:48px; line-height:48px; border-top-left-radius:10px; border-top-right-radius:10px; padding-left:24px; position:relative; } .mh_login_top_t{ font-size:16px; color:#fff;} .close_login{ position:absolute; right:24px; top:16px; width:15px; height:15px; line-height:0px;} .mh_login_bd{ padding:40px;} .mh_login_bd input{ width:96%; font-size:14px; line-height:40px; color:#a9a9a9; background-color:#eceff4; border:none;border-radius:5px; padding-left:14px; margin-bottom:10px;} .formTable input[type="text"],.formTable input[type="button"]{appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;} .mh_login_bd .auto{ width:auto !important;position: relative;top:1.5px;} .mh_login_bd .auto_font{ font-size:14px; color:#3b4048; padding-left:0px;appearance:none;-o-appearance:none;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;} .mh_login_bd .wjpwd_link{ float:right; font-size:14px; color:#3b4048; line-height:20px;} .mh_login_bd .mh_login_line{ float:right; padding:0px 10px; font-size:14px; line-height:20px;} .mh_login_bd .mh_login_line span{color:#d8dade;} .mh_login_bd .zc_link{ float:right; font-size:14px; color:#3b4048; line-height:20px;} .mh_login_bd a{font-size:14px; color:#3b4048; text-decoration:none;} .mh_pwd{ margin-bottom:15px !important;} .mh_login_btn{ width:100% !important; padding:0px !important; font-size:14px; background-color:#d0141b !important; text-align:center; line-height:45px !important; color:#fff !important; border-radius:22px !important; margin-top:25px; cursor:pointer; } .mh_login_bd .mailcode{ position:relative;} .mh_login_bd .sendcode{ position:absolute; margin-top:-40px; right:50px; font-size:14px; cursor:pointer;} .mh_login_bd .codeline{color:#a9a9a9;} .mh_login_bd .sj_link{ display:block; text-align:center; font-size:14px; color:#3b4048; padding-top:5px;} .mh_login_bd .sj_link span{ padding-left:10px; cursor:pointer;} .login_full_screen{background:rgba(0,0,0,0.9);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:98;display:none; } @media screen and (max-width:980px) { .mh_loginbox{ width:320px; top:50%; left:50%; margin-top:-180px; margin-left:-160px; } .mh_loginbox2{ width:320px; top:50%; left:50%; margin-top:-180px; margin-left:-160px; } } /*register 注册*/ .mh_regbox{ position:fixed; width:430px; height:auto; top:50%; left:50%; z-index:100; margin-top:-250px; margin-left:-215px; background:#fff; border-radius:10px; display:none; } .mh_reg_top{ background-color:#d0141b; height:48px; line-height:48px; border-top-left-radius:10px; border-top-right-radius:10px; padding-left:24px; position:relative; } .mh_reg_top_t{ font-size:16px; color:#fff;} .close_login{ position:absolute; right:24px; top:16px; line-height:0px;} .mh_reg_bd{ padding:40px;} .mh_reg_bd input{ width:96%; font-size:14px; line-height:40px; color:#a9a9a9; background-color:#eceff4; border:none;border-radius:5px; padding-left:14px; margin-bottom:10px;} .mh_reg_bd span{ font-size:14px;} .mh_reg_bd .mh_telcode{ position:relative;} .mh_reg_bd .sendcode{ position:absolute; margin-top:-40px; right:50px; cursor:pointer;} .mh_reg_bd .sendcode:before{content:"|";color:#a9a9a9; padding-right:10px;} .mh_reg_bd .codeline{color:#a9a9a9;} .mh_reg_bd .getcode{ width:65% !important; position:relative;} .mh_reg_bd .codeimg{ position:absolute; margin-top:0px; right:60px;} .mh_reg_bd .coderash{ position:absolute; margin-top:10px; right:40px;} .mh_reg_bd .agree_box{ margin-top:10px;} .mh_reg_bd .agree{ width:20px !important;position: relative;top:1.5px;} .mh_reg_bd .agree_font{ font-size:14px; color:#3b4048; padding-left:0px;} .mh_reg_bd .agree_box a{ cursor:pointer; color:#d0141b;} .mh_reg_bd .register{ width:100% !important; padding:0px !important; font-size:14px; background-color:#d0141b !important; text-align:center; line-height:45px !important; color:#fff !important; border-radius:22px !important;margin-top:20px; cursor:pointer; margin-bottom:0px !important; } .reg_full_screen{background:rgba(0,0,0,0.9);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:98;display:none; } @media screen and (max-width:980px) { .mh_regbox{ width:320px; top:50%; left:50%; margin-top:-297px; margin-left:-160px; } .mh_reg_bd .getcode{ width:50% !important; position:relative;} .mh_reg_bd {padding: 25px;} } /**********bqsign start************/ .copyright_tg{ margin-top:0.6rem;} .copyright_tg_tit{ font-size:0.28rem; text-align:center;margin-bottom:0.6rem;} .copyright_tgList{ } .copyright_tgList .copyright_tgListul{font-size:0;text-align:center; margin:0 -22px;} .copyright_tgList .copyright_tgListul li{display:inline-block;*display:inline;*zoom:1; vertical-align:top;width:33.3333%; margin-bottom:25px; max-width:390px;} .copyright_tgList .copyright_tgListul li .item{margin:0 22px; border-top:1px solid #e5e5e5; text-align:left; position:relative;} .copyright_tgList .copyright_tgListul li .tg_t{ margin-top:35px; display:flex;} .copyright_tgList .copyright_tgListul li .tg_t .num{font-size:30px; color:#e01d1b; } .copyright_tgList .copyright_tgListul li .tg_t .tg_bd{ font-size:0.2rem; color:#3b4048; margin-left:15px; padding-left:15px; border-left:3px solid #e01d1b; display:inline-block; } .copyright_tgList .copyright_tgListul li .tg_t .tg_bd em{display:block; font-size:16px; color:#9ea0ae;} .copyright_tgList .copyright_tgListul li .img{ margin-top:45px; border-radius:5px;} .copyright_tgList .copyright_tgListul li img{ max-width:100%; width:100%; height:auto; border-radius:5px;} @media screen and ( max-width:1220px ){ .copyright_tg_tit{ font-size:20px} .copyright_tgList .copyright_tgListul li .tg_t .tg_bd{ font-size:16px; } } @media screen and ( max-width:1024px ){ .copyright_tgList .copyright_tgListul li{ width:100%; } .copyright_tgList .copyright_tgListul li{max-width:640px;} } @media screen and ( max-width:640px ){ .copyright_tgList .copyright_tgListul li{ width:94%; } .copyright_tgList .copyright_tgListul{ margin:0px auto;} .copyright_tgList .copyright_tgListul li .item{margin:0px auto;} } /**********bqsign End************/ /**********ds_reg start************/ .content_sjreg{ background-color:#ecedf2; overflow:hidden; min-height:686px; } .mh_sjreg_box{ margin:0px auto; width:86.4583%; height:auto; margin-top:40px; margin-bottom:35px; overflow:hidden; background-color:#fff; border-radius:8px;} .mh_sjreg_top{ text-align:center; color:#fff; font-size:24px; line-height:80px; background-color:#d0141b;} .mh_sjreg_bd{ width:75.9036%; margin:0px auto;} .mh_sjreg_bd_left{ width: 49.8%;float: left;border-right: 1px solid #eee; padding-bottom: 35px;} .mh_sjreg_bd_right{ width:50%; float:right;} .sjreg_t{ margin-top:50px;} .sjreg_t span{ display:inline-block; text-align:center;border-radius:17px; width:34px; height:34px; font-size:16px; color:#fff; line-height:34px; background-color:#d0141b; margin-right:8px;} .sjreg_t{ font-size:18px; color:#000; line-height:35px; } .sjreg_box{ font-size:14px; color:#3b4048; margin-top:45px; padding-right:110px;} .sjreg_box input{ width:67.1936%; height:36px; background-color:#eceff4; padding-left:18px; border:none; border-radius:5px;} .sjreg_box .inputselect{ width:71.146%; height:36px; background-color:#eceff4; padding-left:18px; border:none; border-radius:5px;} .sjreg_box .inputline{ margin-bottom:10px;} .sjreg_box .inputline .inputline_l{ width:27.66798%; display:inline-block; text-align:right;} .sjreg_box .inputline .xh{ color:#d0141b; padding:0px 15px 0px 8px;} .sjreg_agree{ width:auto !important; height:auto !important;} .sjreg_agree_font a{ cursor:pointer; color:#d0141b;} .sjreg_btn{width:120px !important; padding:0px !important; font-size:14px; background-color:#d0141b !important; text-align:center; height:45px !important; line-height:45px !important; color:#fff !important; border-radius:22px !important;margin-top:20px; cursor:pointer; margin-bottom:0px !important;} .mh_sjreg_bd_right .space{ padding-left:110px;} .mh_sjreg_bd_right .sjreg_box{ padding-left:110px; line-height:28px; padding-right:0px;} @media screen and (max-width:1850px) { .sjreg_box .inputline .inputline_l{ width:auto !important; display:block; text-align:left; } .sjreg_box .inputline .display{ display: none;} .sjreg_box input, .sjreg_box select{ box-sizing:border-box;} .sjreg_box input{ width:100%; } .sjreg_box .inputselect{ width:100%;} .mh_sjreg_top{font-size:22px; line-height:75px;} } @media screen and (max-width:1450px) { .sjreg_box .inputline .inputline_l{ width:auto !important; } .sjreg_box .inputline .display{ display: none;} } @media screen and (max-width:1220px) { .sjreg_box {padding-right: 0px !important; } .mh_sjreg_bd{ margin-bottom:35px;} .mh_sjreg_bd_left {/*float:none !important;*/ border-right:none !important; margin:0px auto !important;} .mh_sjreg_bd_right {/*float:right !important;*/ margin:0px auto !important;} .mh_sjreg_bd_right .space {padding-left:30px !important;} .mh_sjreg_bd_right .sjreg_box {padding-left: 30px !important;} .mh_sjreg_top{font-size:20px; line-height:70px;} } @media screen and (max-width:980px) { .sjreg_box .inputline .inputline_l{ display:block !important; width:auto !important; text-align:left; margin-bottom:5px; } .sjreg_box input, .sjreg_box select{ box-sizing:border-box;} .sjreg_box input{ width:100% !important; } .sjreg_box .inputselect { width:100% !important; } .sjreg_box .sjreg_agree{width:auto !important;} .sjreg_box .sjreg_btn{ width:120px !important;} .sjreg_box .btn_box{ text-align:center;} .mh_sjreg_bd_left {width: 100%; border-right:none !important; float:none !important; margin:0px auto !important;} .mh_sjreg_bd_right {width: 100%;float:none !important;margin:0px auto !important;} .mh_sjreg_bd_right .space {padding-left:0px !important;} .mh_sjreg_bd_right .sjreg_box {padding-left: 0px !important;} .mh_sjreg_top{font-size:18px; line-height:60px;} .sjreg_t{ font-size:16px;} .sjreg_t span{border-radius:50%; width:30px; height:30px; font-size:14px; line-height:30px;margin-right:8px;} } @media screen and (max-width:640px) { .mh_sjreg_bd_right .sjreg_box {padding-left: 0px !important;} } /**********ds_reg End************/ /**********twodesign start************/ .designerSJul .li .item:hover{background-color:#d0141b;} .designerSJul .li .item:hover .t a{ color:#fff;} .designerSJul .li .item:hover .z{ color:#fff;} .designerSJul .li .item:hover .see span{ color:#fff;} .designerSJul .li .item:hover .btn a{ background-color:#fff; color:#d0141b;} .designerSJul .active .item{background-color:#d0141b;} .designerSJul .active .item .t a{ color:#fff !important;} .designerSJul .active .item .z{ color:#fff !important;} .designerSJul .active .item .see span{ color:#fff !important;} .designerSJul .active .item .btn a{ background-color:#fff; color:#d0141b;} /**********twodesign end************/